<template>
  <el-form ref="form" :model="form" label-width="160px">
    <el-form-item label="公司名称">
      <el-input v-model="form.name" disabled style="width: 60%" />
    </el-form-item>
    <el-form-item label="公司地址">
      <el-input v-model="form.companyAddress" disabled style="width: 60%" />
    </el-form-item>
    <el-form-item label="公司邮箱">
      <el-input v-model="form.mailbox" disabled style="width: 60%" />
    </el-form-item>
    <el-form-item label="备注">
      <el-input v-model="form.remarks" disabled style="width: 60%" />
    </el-form-item>
  </el-form>
</template>

<script>
import { getComponyDetail } from '@/api/compony'
export default {
  name: 'ComponyIndex',
  data() {
    return {
      form: {
        name: '',
        companyAddress: '',
        mailbox: '',
        remarks: ''
      },
      componyId: this.$store.getters.userInfo.userInfo
    }
  },
  created() {
    this.getComponyDetail()
  },
  methods: {
    async getComponyDetail() {
      const res = await getComponyDetail(this.componyId)
      this.form = res
    }
  }
}
</script>

<style></style>
